<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" errorPage="error.jsp"%>

<!DOCTYPE HTML>
<html lang="en">

<head>
	<meta charset="UTF-8"/>
	<title>Login</title>
	
	<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />
	<!--[if lt IE 9]>
		<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
	<script src="js/jquery-1.5.2.min.js" type="text/javascript"></script>
	<script src="js/hideshow.js" type="text/javascript"></script>
	<script src="js/jquery.tablesorter.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/jquery.equalHeight.js"></script>
	<script type="text/javascript">
		$(document).ready(function() { 
	    	 
	 	});
    </script>
</head>

<body>

	<header id="header">
		<hgroup> <h1 style="margin:0; color:#FFFFFF; padding:14px 0 0 70px;">Social Netspace</h1> </hgroup>
	</header>

	<section id="secondary_bar"></section>

	<section id="main" class="column">
	
		<article class="module width_3_quarter" style="width:48%;height:300px;margin:100px 0 0 25%;">
		
			<header><h3>Login</h3></header>
			
			<form action="j_spring_security_check" method="post">
			
				<fieldset style="width:68%;text-align:center;margin:40px 0 0 15%;padding: 25px 0 20px 0;">
				
				<label for="j_username">Username</label><input type="text" 
					id="j_username" name="j_username" size="20" maxlength="50" style="width:45%;">
				<div class="clear" style="padding-top: 20px;"></div>
				<label for="j_password">Password</label><input type="password" 
					id="j_password" name="j_password" size="20" maxlength="50"  style="width:45%;">
				
				</fieldset>
				
				<div style="text-align: center; padding-top: 30px;">
					<input type="submit" value="Login" style="margin-right: 15px;">
					<input type="button" value="Register" style="margin-left: 15px;" 
						onclick="location.href='/register'">
				</div>
				
			</form>
			
			
			<div class="module_content">
				<div class="clear"></div>
			</div>
			
		</article>
		
	</section>

</body>

</html>